<template>
    <div class="common-layout">
        <el-container>
            <el-aside >
                <!-- 要注意这里引用CommonAside组件的方法，拆分了两个字符，用中短线连接的-->
                <common-aside></common-aside>
            </el-aside>
            <el-container>
                <!-- <el-header>Header</el-header> -->
                <RouterView key="appWrapper" />
            </el-container>
        </el-container>
    </div>
</template>

<script setup lang="ts">
import CommonAside from "./components/CommonAside.vue";

// export default {
//     components: {
//         CommonAside,
//     }
// }
</script>

<style lang="less" scoped>
.common-layout {
    height: 100%;
    background: #fff;
    &>.el-container {
        height: 100%;
        &>.el-aside {
            height: 100%;
            background: #545c64;
        }
        &>.el-container {
            &>.el-header {
                padding: 0%;
            }
        }
    }
}
</style>
